﻿//默认参数配置
@import "config.less";
/*
 *
 * 订场服务 && 约战服务 底部导航
 * 
 */
.aw-foot-nav{
    position: fixed;left:0px;bottom:0px;z-index:2;
    height: @foot-height + 1;
    border-top:@border-solid;
    
}
.aw-foot-nav-li{
    float: left;
    width: 33.333%;
    a{
        max-width:80px;width:100%;
        margin:0px auto;
        height: @foot-height;padding-top:4px;text-align: center;display: block;font-size:@size - 2;color: #7F807F;
    }
    i{margin:0px auto;}
    p{}
}
@media screen and (min-width:320px){
    .aw-foot-nav{height:@btn-foot-height + 21;}
    .aw-foot-nav-li{
        a{height:@btn-foot-height + 20;font-size:@size + 2;padding-top:10px;}
    }
    i{width:30px;height:30px;background-size:30px;}
    .aw-icon-nav-booking{background-position:0px -30px;}
    .aw-icon-nav-booking.hover{background-position:-30px -30px;}
    .aw-icon-nav-match{background-position:0px 0px;}
    .aw-icon-nav-match.hover{background-position:-30px 0px;}
    p{line-height:30px;}
}
/*
 * 底部通用样式
 * 订场服务-选择场地 预约&确认支付
 */
@btn-foot-height:50px;
.aw-foot-btn{
    position: fixed;left:0px;bottom:0px;z-index:2;font-weight: bold;;
    width:100%;height:@btn-foot-height;line-height:@btn-foot-height;
    padding:0px 140px 0px 10px;
    font-size:@btn-size;
}
.aw-foot-btn1{
    .aw-assest-btn{position: absolute;right:0px;width:140px;border-radius:0px;}
}
.aw-foot-btn2{
    padding:10px;height:@btn-foot-height + 21;border-top:@border-solid;
}
